@charset "utf-8";
/* CSS Document */

/* Thirds */
div.thirds {
	padding-bottom: 50px;
}

div.one-third-second {
	width: 30%;
	float: left;
	margin-right: 5%;
}

div.one-third-last {
	margin: 0;
}

div.nav ul li {
	width: 25%;
	border-bottom: 1px solid #bababa;
}
img {
	max-width: 100%;
}
.inline {
	float: none;
	display: block;
	margin:5px 5px 5px 5px;
	width: 98%;
	min-width: 100px;
}
.inlinefill {
	float: none;
	display: block;
	margin:0px 0px 0px 0px;
	width: 100%;
	min-width: 100px;
}
.inlineright {
	float: right;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width: 50%;
	min-width: 100px;
}
.inlineleft {
	float: left;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width: 50%;
	min-width: 100px;
}
.hide-mobile {
	display: none;
	}
@media screen and (max-width: 800px) {

div.one-third {
	width: 45%;
}
div.one-third-second {
	margin: 0;
}
div.one-third-last {
	width: 95%;
}
div.mobile-collapse1 {
	width: auto;
	float: none;
	margin-right: 0;
	}	
.hide-mobile {
	display: none;
	}
}
@media screen and (max-width: 600px) {
.inlineright {
	float: none;
	display: block;
	margin:5px 5px auto;
	width: 95%;
	min-width: 100px;
}
.inlineleft {
	float: none;
	display: block;
	margin:5px 5px auto;
	width: 95%;
	min-width: 100px;
}
.hide-mobile {
	display: none;
	}		
}
@media screen and (max-width: 500px) {
	
div.mobile-collapse {
	width: auto;
	float: none;
	margin-right: 0;
	}
div.mobile-collapse1 {
	width: auto;
	float: none;
	margin-right: 0;
	}
.hide-mobile {
	display: none;
	}

}